<section>
    <div class="gutter-example">
        <div nz-row [nzGutter]="8">
            <div nz-col class="gutter-row" [nzSpan]="6">
                <div class="gutter-box">
                    <img src="{{driverInfo.headUrl}}" alt="">
                    <h3>个人头像</h3>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="6">
                <div class="gutter-box">
                    <img src="{{driverInfo.identityUrl}}" alt="">
                    <h3>身份证照片</h3>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="6">
                <div class="gutter-box">
                    <img src="{{driverInfo.driverLicenseUrl}}" alt="">
                    <h3>驾驶证照片</h3>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="6">
                <div class="gutter-box">
                    <img src="{{driverInfo.qualificationCertificateUrl}}" alt="">
                    <h3>从业资格证照片</h3>
                </div>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="gutter-example">
        <div nz-row [nzGutter]="40">
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>账号</p>
                    <p>{{driverInfo.driverAccount}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>姓名</p>
                    <p>{{driverInfo.driverName}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>身份证号码</p>
                    <p>{{driverInfo.identityNo}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>联系方式</p>
                    <p>{{driverInfo.driverMobile}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>性别</p>
                    <p>{{driverInfo.sex}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>驾驶证</p>
                    <p>{{driverInfo.driverType }}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>属性</p>
                    <p>{{driverInfo.logisticsCompanyName}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>从业资格证号码</p>
                    <p>{{driverInfo.qualificationCertificateNo}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>状态</p>
                    <p>{{driverInfo.auditStatusStr}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>承运次数</p>
                    <p>{{driverInfo.transportNum}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>注册时间</p>
                    <p>{{driverInfo.createTime}}</p>
                </div>
            </div>
            <div nz-col class="gutter-row" [nzSpan]="8">
                <div class="grid-config">
                    <p>审核人员</p>
                    <p>{{driverInfo.auditUserName}}</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="test" *ngIf="showCheck">
    <div nz-row>
        <!-- <div nz-col [nzSpan]="6" [nzOffset]="6">
            <label>
                    <span>属性</span>
                </label>
            <nz-select style="width:70%;margin-left:15px;" [(ngModel)]="single" [nzSize]="'large'">
                <nz-option *ngFor="let option of options" [nzLabel]="option.label" [nzValue]="option.value" [nzDisabled]="option.disabled">
                </nz-option>
            </nz-select>
        </div> -->
        <div nz-col [nzOffset]="6" [nzSpan]="6">
            <label>
                <span>审核</span>
            </label>
            <nz-radio-group style="margin-left:15px;" [(ngModel)]="driverAudit.auditStatus">
                <label nz-radio [nzValue]="1">
                    <span>待审核</span>
                </label>
                <label nz-radio [nzValue]="2">
                    <span>审核通过</span>
                </label>
                <label nz-radio [nzValue]="3">
                    <span>审核不通过</span>
                </label>
            </nz-radio-group>
        </div>
        <div nz-col [nzSpan]="12" [nzOffset]="6" class="note">
            <label>
                <span>备注</span>
            </label>
            <nz-input [(ngModel)]="driverAudit.remark" [nzType]="'textarea'" [nzRows]="'4'" [nzPlaceHolder]="''"></nz-input>
        </div>
        <div nz-col [nzOffset]="6"></div>
        <div nz-col [nzSpan]="3" [nzOffset]="18">
            <button nz-button [nzType]="'primary'" (click)="upAudit()">
                <i class="anticon anticon-schedule"></i><span>保存</span>
            </button>
        </div>
    </div>
</section>
<section *ngIf="data.length>0">
    <main>
        <nz-table #nzTable [nzDataSource]="data" [nzPageSize]="10">
            <thead nz-thead>
                <tr>
                    <th nz-th><span>序号</span></th>
                    <th nz-th><span>运单号</span></th>
                    <th nz-th><span>出货地址</span></th>
                    <th nz-th><span>卸货地址</span></th>
                    <th nz-th><span>预计耗时</span></th>
                    <th nz-th><span>起运时间</span></th>
                    <th nz-th><span>完成时间</span></th>
                    <th nz-th><span>运费（元）</span></th>
                    <th nz-th><span>状态</span></th>
                    <th nz-th><span>实付运费（元）</span></th>
                    <th nz-th><span>查看</span></th>
                </tr>
            </thead>
            <tbody nz-tbody>
                <tr nz-tbody-tr *ngFor="let data of nzTable.data;let i = index">
                    <td nz-td>{{i+1}}</td>

                    <td nz-td>
                        <a>{{data.transportOrderNo}}</a>
                    </td>
                    <td nz-td>{{data.startingCity}}</td>
                    <td nz-td>{{data.endCity}}</td>
                    <td nz-td>{{data.expectCostTime}}</td>
                    <td nz-td>{{data.shippingTime}}</td>
                    <td nz-td>{{data.finishTime}}</td>
                    <td nz-td>{{data.freight}}</td>
                    <td nz-td>{{data.orderStatus}}</td>
                    <td nz-td>{{data.actualIncome}}</td>
                    <td nz-td>
                        <button nz-button [nzType]="'default'" [routerLink]="['../../../cus/wayinfo', data.transportOrderId ]">
                              <span>查看</span>
                            </button>
                    </td>
                </tr>
            </tbody>
        </nz-table>
    </main>
</section>